<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<p>利用表格进行页面布局</p>
		<form >
		<table border="1">
			<caption>填写用户注册信息</caption>
			<tr>
				<td>用户名</td>
				<td>
					 
						<input id="text1"type="text" name="username"/>
					 
				</td>
				<td>登陆用户名</td>
			</tr>
			<tr>
				<td>密码</td>
				<td>
					 
						<input id="psw1" type="password" name="password" size="21"/>
					 
				</td>
				<td nowrap="nowrap">登陆密码 ，6个以上字母数字组合，不区分大小写</td>
			</tr>
			<tr>
				<td>注册邮箱</td>
				<td>
					 
						<input id="email1" type="email" name="email" />
					 
				</td>
				<td>录入之后不可修改</td>
			</tr>
			<tr>
				<td>性别</td>
				<td>
					 
					<input id="radio1" type="radio" name="sex" value="male"/>男
					<input id="radio2" type="radio" name="sex" value="female"/>女
					 
				</td>
				<td>选择您的性别</td>
			</tr>
			<tr>
				<td>出生年月</td>
				<td>
					 
					<select id="sel1" name="year">
						<option value="2000">2000</option>
						<option value="2001">2001</option>
						<option value="2002" selected="selected">2002</option>
						<option value="2003">2003</option>
						<option value="2004">2004</option>
						<option value="2005">2005</option>
						<option value="2006">2006</option>
						<option value="2007">2007</option>
						<option value="2008">2008</option>
						<option value="2009">2009</option>
						<option value="2010">2010</option>
						<option value="2011">2011</option>
						<option value="2012">2012</option>
						<option value="2013">2013</option>
					</select>
					<select id="sel2" name="month">
						<option value="1" selected="selected">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12<option>
						
					</select>
					 
				</td>
				<td>选择您的出生年月</td>
			</tr>
			<tr>
				<td>
					兴趣标签
				</td>
				<td>
					 
					生活<input id="ch1" type="checkbox"  name="interest" />
					娱乐<input id="ch2" type="checkbox" name="interest" value="yule" />
					体育<input id="ch3" type="checkbox" name="interest" value="sport" />
					财经<input id="ch4" type="checkbox" name="interest" value="caijing" />
					科技<input id="ch5" type="checkbox" name="interest" value="keji" />
					饮食<input id="ch6" type="checkbox" name="interest" value="cook" />
					 
				</td>
				<td>请选择您感兴趣的标签</td>
			</tr>
			<tr>
				<td>头像</td>
				<td>
					 
					<input id="file1" type="file" name="file_input" value="浏览" border="1"/>
					
    				    
					 
				</td>
				<td>选取您的图像文件</td>
			</tr>
			<tr>
				<td>个人简介</td>
				<td>
					 
						<textarea id="texta1" cols="40" rows="10">个人简介</textarea>
					 
				</td>
				<td>请添加您的个人简介，一边朋友们能了解您的情况</td>
			</tr>			
			
		</table>
		
			<input id="submit" type="submit" name="submit" value="免费注册"  />
			<input id="reset" type="reset" name="reset" value="重置表单"  />
			<button id="button1" >注册</button>
		</form> 
	</body>
</html>
